<!doctype html>
<html class="no-js" lang="zxx">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>SEO | Template</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" type="image/x-icon" href="static/assets/img/icon/favicon.png">

    <!-- CSS here -->
    <link rel="stylesheet" href="static/assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="static/assets/css/slicknav.css">
    <link rel="stylesheet" href="static/assets/css/animate.min.css">
    <link rel="stylesheet" href="static/assets/css/magnific-popup.css">
    <link rel="stylesheet" href="static/assets/css/fontawesome-all.min.css">
    <link rel="stylesheet" href="static/assets/css/themify-icons.css">
    <link rel="stylesheet" href="static/assets/css/slick.css">
    <link rel="stylesheet" href="static/assets/css/nice-select.css">
    <link rel="stylesheet" href="static/assets/css/style.css">
</head>
<body>
    <header>
        <div class="header-area header-transparent">
            <div class="main-header header-sticky">
                <div class="container-fluid">
                    <div class="d-flex align-items-center justify-content-between flex-wrap position-relative">
                        <!-- Logo -->
                        <div class="left-side d-flex align-items-center">
                            <div class="logo">
                                <a href="index.html"><img src="static/assets/img/logo/logo.png" alt=""></a>
                            </div>
                            <!-- Main-menu -->
                            <div class="main-menu d-none d-lg-block">
                                <nav> 
                                    <ul id="navigation">                                                                                                                                     
                                        <li><a href="/index"></a></li>
                                        <li><a href="/main">主页</a></li>
                                        <li><a href="/details">项目详情</a></li>
                                        <li><a href="/movie_top">电影TOP</a></li>
                                        <li><a href="/word_cloud">词云</a>
                                            <ul class="submenu">
                                                <li><a href="blog.html">Blog</a></li>
                                                <li><a href="blog_details.html">Blog Details</a></li>
                                                <li><a href="elements.html">Elements</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="statistical">统计</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                        <div class="header-right-btn f-right">
                            <a href="#" class="header-btn2">Call Us: <span>+10 (78) 378 3784</span></a>
                            <a href="#" class="btn_0">Let's Talk</a>
                        </div>
                        <!-- Mobile Menu -->
                        <div class="col-12">
                            <div class="mobile_menu d-block d-lg-none"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <main>

        <!-- Services Area Start -->
        <section class="categories-area bottom-padding position-relative">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-5 col-lg-8 col-md-10">
                        <!-- Section Tittle -->
                        <div class="section-tittle text-center mb-60">
                            <span>Our Services</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
                        <div class="single-cat mb-50">
                            <h5><a href="/details">项 目 详 情</a></h5>
                            <div class="cat-icon">
                                <img src="static/assets/img/icon/services1.svg" alt="">
                            </div>
                            <div class="cat-cap">
                                <p>Effective strategies to help you reach customers.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
                        <div class="single-cat mb-50">
                            <h5><a href="/movie_top">电 影 top250</a></h5>
                            <div class="cat-icon">
                                <img src="static/assets/img/icon/services2.svg" alt="">
                            </div>
                            <div class="cat-cap">
                                <p>Effective strategies to help you reach customers.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
                        <div class="single-cat mb-50">
                            <h5><a href="/word_cloud">词 云</a></h5>
                            <div class="cat-icon">
                                <img src="static/assets/img/icon/services3.svg" alt="">
                            </div>
                            <div class="cat-cap">
                                <p>Effective strategies to help you reach customers.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
                        <div class="single-cat mb-50">
                            <h5><a href="/statistical">统 计</a></h5>
                            <div class="cat-icon">
                                <img src="static/assets/img/icon/services5.png" alt="">
                            </div>
                            <div class="cat-cap">
                                <p>Effective strategies to help you reach customers.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="shape-s1 d-none d-xxl-block">
                <img src="static/assets/img/gallery/shape-1.png" alt="">
            </div>
            <div class="shape-s2 d-none d-xl-block">
                <img src="static/assets/img/gallery/shape-2.png" alt="">
            </div>
        </section>
        <!-- Services Area End -->

        <!-- About 1 Start-->
        <section class="about-low-area">
            <div class="container">
                <div class="row justify-content-between align-items-center mb-20 pb-25 border-bottom">
                    <div class="col-xxl-5 col-xl-7 col-lg-6 col-md-8">
                        <!-- Section Tittle -->
                        <div class="section-tittle section-tittle3">
                            <span>Why Choose US</span>
                            <h2>We are an SEO company that specializes in developing</h2>
                        </div>
                    </div>
                    <div class="col-xxl-7 col-xl-5 col-lg-6 col-md-4">
                        <a href="#" class="browse-btn f-right">Explore More</a>
                    </div>
                </div>
                <div class="row justify-content-between align-items-end mb-20">
                    <div class="col-xl-5 col-lg-7 col-md-10">
                        <div class="about-caption">
                            <div class="row mt-40">
                                <div class="col-xl-5 col-lg-5 col-md-6 col-sm-5">
                                    <!-- Counter Up -->
                                    <div class="single mb-30">
                                        <div class="single-counter">
                                            <span class="counter ">450</span>
                                            <p class="">+</p>
                                        </div>
                                        <div class="pera-count">
                                            <p>Successfully completed projects</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-5 col-lg-5 col-md-6 col-sm-5">
                                    <!-- Counter Up -->
                                    <div class="single mb-30">
                                        <div class="single-counter">
                                            <span class="counter ">860</span>
                                        </div>
                                        <div class="pera-count">
                                            <p>Highly specialised employees</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-7 col-lg-5 col-md-10">
                        <div class="about-right-cap">
                            <!-- Section Tittle -->
                            <p>With over 50 years of combined experience, our mission is to design with your values and vision in mind. We’re out to create purposeful spaces that balance art and creativity with science and strategy.</p>
                            <p>- Shonda Leer, Chief of Staff at Franclin Technologies</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- About  End-->



    </main>
    <footer>
        <div class="footer-wrapper section-img-bg2" data-background="static/assets/img/gallery/footer-bg.jpg">
            <!-- Footer Start-->

            <div class="footer-bottom-area">
                <div class="container">
                    <div class="footer-border">
                        <div class="row">
                            <div class="col-xl-12 ">
                                <div class="footer-copy-right text-center">
                                    <p>Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart color-danger" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank" rel="nofollow noopener">Colorlib</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Footer End-->
        </div>
    </footer>
    <!-- Scroll Up -->
    <div id="back-top">
        <a class="wrapper" title="Go to Top" href="#">
            <div class="arrows-container">
                <div class="arrow arrow-one">
                </div>
                <div class="arrow arrow-two">
                </div>
            </div>
        </a>
    </div>

    <!-- JS here -->
    <!-- Jquery, Popper, Bootstrap -->
    <script src="./static/assets/js/vendor/modernizr-3.5.0.min.js"></script>
    <script src="./static/assets/js/vendor/jquery-1.12.4.min.js"></script>
    <script src="./static/assets/js/popper.min.js"></script>
    <script src="./static/assets/js/bootstrap.min.js"></script>

    <!-- Slick-slider , Owl-Carousel ,slick-nav -->
    <script src="./static/assets/js/owl.carousel.min.js"></script>
    <script src="./static/assets/js/slick.min.js"></script>
    <script src="./static/assets/js/jquery.slicknav.min.js"></script>

    <!--wow , counter , waypoint, Nice-select -->
    <script src="./static/assets/js/wow.min.js"></script>
    <script src="./static/assets/js/jquery.magnific-popup.js"></script>
    <script src="./static/assets/js/jquery.nice-select.min.js"></script>
    <script src="./static/assets/js/jquery.counterup.min.js"></script>
    <script src="./static/assets/js/waypoints.min.js"></script>

    <!-- contact js -->
    <script src="./static/assets/js/contact.js"></script>
    <script src="./static/assets/js/jquery.form.js"></script>
    <script src="./static/assets/js/jquery.validate.min.js"></script>
    <script src="./static/assets/js/mail-script.js"></script>
    <script src="./static/assets/js/jquery.ajaxchimp.min.js"></script>

    <!--  Plugins, main-Jquery -->	
    <script src="./static/assets/js/plugins.js"></script>
    <script src="./static/assets/js/main.js"></script>
</body>
</html>